@import '~stylus/variable'
@import '~stylus/mixins'
@import '~stylus/transitions'

.spin-loading {
  animation: spin 1.8s linear infinite
}
@keyframes spin {
  from {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(360deg)
  }
}
body {
  overflow-y: auto
}
.mt-3 {
  margin-top(3px)
}
.mt-5 {
  margin-top(5px)
}
.mt-10 {
  margin-top(10px)
}
.mt-15 {
  margin-top(15px)
}
.mt-20 {
  margin-top(20px)
}
.mb-10 {
  margin-bottom(10px)
}
.mb-15 {
  margin-bottom(15px)
}
.mb-20 {
  margin-bottom(20px)
}
.mr-10 {
  margin-right(10px)
}
.mr-15 {
  margin-right(15px)
}
.mr-20 {
  margin-right(20px)
}
.mr-5 {
  margin-right(5px)
}
.ml-5 {
  margin-left(5px)
}
.ml-10 {
  margin-left(10px)
}
.ml-15 {
  margin-left(15px)
}
.ml-20 {
  margin-left(20px)
}
.base-text {
  font-size: 14px
  color: $primary-color
  cursor: pointer
}
.base-center {
  text-align: center
}
.app-content {
  position: relative
}
.hasSplitLast {
  display: inline-block
  cursor: pointer
  color: $primary-color
}
.hasSplit {
  display: inline-block
  padding: 0 8px
  cursor: pointer
  color: $primary-color
}
.hasSplit::after {
  content: '|'
  display: block
  float: right
  position: relative
  left: 8px
  font-size: 14px
  color: $primary-color
}
.placeDeptId >>> {
  .ivu-select-placeholder {
    color: #515a6e !important
  }
}
.title {
  font-size: 12px
  font-weight: 700
  color: #f19000
}
.__rail-is-vertical {
  display: none
}
